//点击删除出现的模态框
$(function() {

	$('.deltag').click(function() {
		var $isThis = $(this);
		var tid = $(this).data('tid');
		hd_modal({
			width: 400, //宽度
			height: 200, //高度
			title: '您确认要删除这个标签吗?', //标题
			content: '', //提示信息
			button: true, //显示按钮
			button_success: "确定", //确定按钮文字
			button_cancel: "关闭", //关闭按钮文字
			timeout: 0, //自动关闭时间 0：不自动关闭
			shade: true, //背景遮罩
			shadeOpacity: 0.3, //背景透明度
			success: function() { //点击确定后的事件
				$.ajax({
					url: APP + "/deltag/tid/" + tid,
					type: 'get',
					dataType: 'text',
					success: function(phpData) {
						if (phpData == 1) {
							//将这行数据隐藏
							$isThis.parents('tr').remove();
							hd_alert({
								timeout: 2,
								message: '删除成功'
							});
						} else {
							hd_alert({
								timeout: 2,
								message: '删除失败'
							});
						}

					}
				})
				return false;

			},
			cancel: function() { //点击关闭后的事件

			}
		});
	})

})
$(document).ready(function() {
	//点击修改
	function clickChange() {
			var $isThis = $(this);
			//先删除一次绑定  不然会累加事件
			$isThis.unbind('dblclick', clickChange);
			//获得当前标签名
			var val = $(this).html();
			//获得当前标签的id
			var tid = $(this).data('tid');
			//生成一个input标签并将当前标签名放入
			var str = '<input type="text" name="tagname" value="' + val + '"/> &nbsp;&nbsp;';
			str += '<a href="javascript:;" class="hd-btn hd-btn-primary" id="change">修改</a>';
			str += '<a href="javascript:;" class="hd-btn hd-btn-danger" id="close">取消</a>';
			//再将当前ipnut放入到td中
			$(this).html(str);
			//给change注册一个事件 再将他们的值 修改并发送ajax到异步提交 
			$('#change').click(function() {
				var newval = $('input[name=tagname]').val();
				$isThis.html(newval);
				$.ajax({
					url: APP + '/edittag',
					type: 'post',
					data: {
						tid: tid,
						tagname: newval
					},
					success: function(phpData) {
						$isThis.bind('dblclick', clickChange);
						if (phpData == 0) {
							alert('修改失败,标签名不能为空');
						}
					}
				});
			});
			$('#close').click(function() {
				var newval = $('input[name=tagname]').val();
				$(this).parent().html(newval);
				$isThis.bind('dblclick', clickChange);
			})
		}
		//当前的标签双击出现编辑模式
	$('.tagname').dblclick(clickChange);


});